﻿
<span class="toolbar">
    <span class="area full">
    <div class="filters">
        <span class="filters-title"><strong>Lọc kết quả: </strong></span>    
        
        <!-- Keywords -->
        <span class="filters-item">
            <input id="Keywords" type="text" class="text" data-bind="value: Keywords, event: { keypress: RunSomethingKey }" />
        </span>      

        <!-- Group -->            
        <span class="filters-item">            
            <span class="filter-wrapper">
                <span class="filter-link">
                    <strong>Nhóm quảng cáo:</strong> <a class="filter-trigger"><span class="leadFilter-title" filtertype="group" href="javascript:void(0)"> All</span><span class="orderby"></span></a>
                    <input type="hidden" value="" filtertype="group" id="groupSelected"/>
                </span>
                <span class="filter-data">
                    <span class="left-search">
                        <input type="textbox" class="text leadFilter-search" />
                        <ul class="search-list leadfilter-search" filtertype="group" data-bind="foreach: GroupList">
                            <li data-bind="attr: {id: ID + 'g'}"><a href="javascript:void(0)" data-bind="text: Name, attr: {id: ID + 'g', itemtitle: Name}"></a></li>
                        </ul>
                    </span>
                            
                    <span class="right-selected">
                        <span class="hdr">Đã chọn<a href="javascript:void(0)" class="leadFilter-cancel">Hủy</a></span>
                        <ul class="selected-list leadfilter-selected" filtertype="group"></ul>
                        <span class="row">
                        <a class="btn btn-done leadfilter-done" href="javascript:void(0)">Done</a>
                        </span>
                    </span>                            
                </span>
            </span>
        </span>    
              
        <!-- Position -->            
        <span class="filters-item">
            <span class="filter-wrapper">
                <span class="filter-link">
                    <strong>Vị trí:</strong> <a class="filter-trigger"><span class="leadFilter-title" filtertype="position" href="javascript:void(0)"> All</span><span class="orderby"></span></a>
                    <input type="hidden" value="" filtertype="position" id="positionSelected"/>
                </span>
                <span class="filter-data">
                    <span class="left-search">
                        <input type="textbox" class="text leadFilter-search" />
                        <ul class="search-list leadfilter-search" filtertype="position" data-bind="foreach: PositionList">
                            <li data-bind="attr: {id: ID + 'p'}"><a href="javascript:void(0)" data-bind="text: Name, attr: {id: ID + 'p', itemtitle: Name}"></a></li>
                        </ul>
                    </span>
                            
                    <span class="right-selected">
                        <span class="hdr">Đã chọn<a href="javascript:void(0)" class="leadFilter-cancel">Hủy</a></span>
                        <ul class="selected-list leadfilter-selected" filtertype="position"></ul>
                        <span class="row">
                        <a class="btn btn-done leadfilter-done" href="javascript:void(0)">Done</a>
                        </span>
                    </span>                            
                </span>
            </span>
        </span>  
                      
        <a class="btn btn-go" href="javascript:void(0)" data-bind="click: GoFilter">Go</a>
    </div>  
    </span>
</span>
